@charset "utf-8";
/* CSS Document */

/*CSS reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textatea, p, blockquote, th, td, input { margin: 0; padding: 0; }
body { font-size: 12px; font-family: Arial, Helvetica, sans-serif, "Î¢ÈíÑÅºÚ"; width: 100%;}
html,body { min-width:1240px}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul, li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
addr, acronym { border: 0; }
a { color:#333; text-decoration:none}
a:hover { text-decoration: none; color: #0c468f }
.fl { float: left; }
.fr { float: right; }
.hui_9 { color:#999;}
.hui_6 { color:#666}
.white { color:#fff;}
.blue {color: #0c468f}
.red { color:#cd0000;}
.text_decnone { text-decoration:underline}
.clear { clear: both; }
.eng { font-size: 12px; color: #bababa;text-transform: uppercase; font-weight: normal; }
.w1200 { width:1200px; margin:0px auto}

.ft11 { font-size:11px}
.ft12 { font-size:12px}
.ft14 { font-size:14px}
.ft16 { font-size:16px}
.ft18 { font-size:18px}
.ft20 { font-size:20px;}
.ft22 { font-size:22px;}
.ft24 { font-size:24px;}
.ft26 { font-size:26px;}
.ft30 { font-size:30px;}

.padd50 { padding:50px 0px}
.marlr15 { margin: 0px 15px; }
.marlr08 { margin: 0px 8px; }
.marrbot50 { margin-bottom:50px}
.pa { position: absolute }
.pr { position: relative }

.bg1 {background:url(../images/bg.jpg) no-repeat center top #ececec; }
.bg2 {background:#ececec; }


.headrange { padding-top: 26px; position: relative; height: 76px; width: 100%; position: relative; }
.nav { height: 66px; padding-top: 10px; position: relative; width: 700px; margin-left: 120px; }
.nav li { float: left; position: relative; height: 38px; line-height: 38px; padding: 0 22px; background: url(../images/nav_x.jpg) no-repeat right center; }
.nav li.last { background: 0 }
.nav li a { color: #4c4c4c; font-size: 14px; font-weight: 700; display: block }
span.navline { position: absolute; width: 28px; height: 5px; background: #e60012; left: 22px; bottom: 0 }
.subnavbg { position: static }
.stock { top: 30px }
.inbanner { width: 100%; height: 170px; position: relative; background: url(../img/public/inbanner.jpg) no-repeat center bottom }
.subnavbg { width: 100%; height: 50px; background: #384395; position: absolute; left: 0; top: 0; -webkit-transition: all .3s; transition: all .3s }
.subnavbg.fixer { position: fixed; top: 73px; left: 0; z-index: 100 }
.subnav { position: relative }
.subnav li { float: left; margin-right: 30px; line-height: 50px }
.subnav li a { display: block; font-size: 13px; font-weight: 700; color: #9bb3d5 }
.subnav .current a, .subnav li a:hover { color: #fff }
span.subnavline { position: absolute; width: 52px; height: 2px; background: #4957a2; left: 0; bottom: 0; visibility: hidden }
.innavbg { width: 100%; height: 50px; background: #384395; position: absolute; top: 102px; left: 0; display: none; z-index: 50 }
.innav { position: absolute; top: 0; left: 0; z-index: 999; width: 700px; }
.innav dd { line-height: 50px; float: left; margin: 0 16px; }
.innav dd a { display: block; color: #9bb3d5; font-size: 13px; font-weight: 700 }
.innav .on a, .innav dd a:hover { color: #fff }
.navbg .suNav { display: none }
.sNav { height: 50px }
.suNav .sNav>div { position: absolute; top: 0; display: none; z-index: 60 }
.suNav { height: 50px }
.sN1 { left: 455px }
.sN2 { left: 555px }
.sN3 { left: 655px }
.sN4 { left: 555px }
.sN5 { left: 855px }
.sN5 .innav { width:100px }
.sN6 { left: 955px }
.sN6 .innav { width:100px }
.innavline { display: block; position: absolute; width: 84px; height: 54px; bottom: 0; left: 453px; background: #4957a2; z-index: 55; -webkit-transition: all .3s; transition: all .3s }

.head_other { padding-top:10px;}
.search { width: 36px; height: 36px; background: #fff; position: relative; }
.header-button {text-indent: -9999px; overflow: hidden; text-align: left; position: relative; z-index: 1; display: block; width:34x; height:34px; margin: 0; padding: 0;background:url(../images/search.png) no-repeat; border:#bfbfbf 1px solid; border-radius:50%; display:block; cursor:pointer}
.header-button:hover { background:url(../images/search.png) -34px 0px #0c468f no-repeat; border:#0c468f 1px solid; }
/*
#toggle-search {width:34px; height:34px;}
#searchform { -moz-transition: max-height, 0.5s; -o-transition: max-height, 0.5s; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top: 70px; width: 340px; max-height: 0; overflow: hidden; background-color: #FFFFFF; z-index: 1000; right: -10px; }
#searchform.open { max-height:40px; }
#searchform fieldset { position: relative; margin: 0 60px 0 0; padding: 0; border: none; }
#searchform input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 40px; }
#searchform input[type="text"] { width: 100%; padding: 0 5px 0 22px; background: transparent; border: none; }
#searchform a { display:black; position: absolute; text-align:center; font-size:14px; bottom: 0; right: 0; width: 60px; height:40px; line-height:40px; margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; color: #0c468f; background: #cedbeb; border: none; cursor: pointer; }
*/
#toggle-search {width:34px; height:34px;}
#search-form { -moz-transition: max-height, 0.5s; -o-transition: max-height, 0.5s; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top: 70px; width: 340px; max-height: 0; overflow: hidden; background-color: #FFFFFF; z-index: 1000; right: -10px; }
#search-form.open { max-height:40px; }
#search-form fieldset { position: relative; margin: 0 60px 0 0; padding: 0; border: none; }
#search-form input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 40px; }
#search-form input[type="search"] { width: 100%; padding: 0 5px 0 22px; background: transparent; border: none; }
#search-form input[type="submit"] { position: absolute; bottom: 0; right: 0; width: 60px; margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; color: #0c468f; background: #cedbeb; border: none; cursor: pointer; }

.head_other .icon a.sina { width: 34px; height: 34px; display: block; text-indent: -9999px; background: url(../images/sina.png) no-repeat; border: #bfbfbf 1px solid; border-radius: 50%; float: left; margin: 0px 8px; }
.head_other .icon a.sina:hover { background:url(../images/sina.png) -34px 0px #0c468f no-repeat; border:#0c468f 1px solid;}
.head_other .icon .weixin { width: 36px; position: relative; float: left; height: 36px;}
.head_other .icon .weixin a { width:34px; height:34px; display: block; background: url(../images/weixin.png) no-repeat; text-indent: -9999px;border: #bfbfbf 1px solid; border-radius: 50%;  }
.head_other .icon .weixin a:hover { background:url(../images/weixin.png) -34px 0px #0c468f no-repeat; border:#0c468f 1px solid; }
.head_other .icon .wx_zicaidan{ right: -40px; top: 69px; padding: 10px; background: #fff; position: absolute; display: none; z-index: 1100; }

.foot { background:url(../images/foot_bg.jpg) center top no-repeat #033e87; width:100%; margin:0px; padding:0px;}
.foot ul { width:1200px; margin:0px auto;}
.foot ul.foot_link { color: #fff; padding: 50px 0px 40px 0px; border-bottom:#4f78ab 1px solid; }
.foot ul.foot_link li { float: left; display: block; width: auto; margin-right: 150px; line-height: 30px; font-size: 14px }
.foot ul.foot_link li a { color:#b6c8df; display:block}
.foot ul.foot_link li a:hover { color:#fff;}
.foot ul.foot_link li span { font-weight: bold; display: block; margin-bottom: 8px; }
.foot ul.foot_link li span a {color:#fff; }
.foot ul.foot_link li span a:hover { border-bottom:#fff 1px dotted;}

.foot ul.foot_link li.other { width: 274px; float: right; margin: 0; padding: 0; position:relative }
.foot ul.foot_link li.other select{ border:0px; width:274px; height:30px; line-height:30px; padding-left:5px;}
.foot ul.foot_link li.other .select_box{ font-family: Arial, Helvetica, sans-serif, "??????"; font-size: 14px;color:#fff;width:273px;line-height:35px;margin:0;}
.foot ul.foot_link li.other .select_showbox{background: url(../images/icon.png) no-repeat right #9cc0ef;height:35px;padding-left:20px;}
.foot ul.foot_link li.other ul.select_option{display: none; width:273px; position:absolute; top:35px; left:0; z-index:1000 }
.foot ul.foot_link li.other ul.select_option li{padding-left:10px; display:block;background:#fff; color:#333; width:263px;}
.foot ul.foot_link li.other ul.select_option li.selected{background: #ddd;color: #666;}
.foot ul.foot_link li.other ul.select_option li.hover{background: #ddd; color: #666;}
.foot ul.foot_link li.other .erweima { padding-top:30px}

.foot ul.copyright { padding:26px 0px; color:#fff; font-size:14px; line-height:26px; height:50px}
.foot ul.copyright a { color:#fff}


#goTopBtn { POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 55px; WIDTH: 58px; BOTTOM:60px; HEIGHT: 55px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT:50px; _position: absolute; _right: auto }
#goTopBtn a { width:58px; height:55px; display:block; text-indent:-9999px; background:url(../images/Go_top.jpg) no-repeat}
#goTopBtn a:hover { background-position:-58px 0px;}
